<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale:1.0">
  <title>简介</title>
  <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
  <link rel="stylesheet" type="text/css" href="../container/Header.css">
  <link rel="stylesheet" type="text/css" href="../container/tuandui.css">
  <style>
    body {
      --font: 100%;
      padding: 0;
      margin: 0;
      font-size: 14px;
    }
    a
    {
      text-decoration: none;
      color:black;
    }
    a.a-1:nth-of-type(1)
    {
      background-color:#f7f7f7;
      padding-top:10px;
    }
    a.a-1:nth-of-type(2)
    {
      padding-top:10px;
    }
    a.a-1:nth-of-type(3)
    {
      padding-top:10px;
    }
    .a1
    {
      margin-top:14px;
    }
    ul
    {
      padding:0;
    }
    img.width2
    {
      width:8px;
      height:11px;
      transition: 0.5s ease;
      margin-right:10px;
    }
    .bli
    {
      display:none;
      padding-bottom:20px;
    }
    li.adda
    {
      margin-top:-14px;
      background-color:#f7f7f7;
      padding:10px;
      border-bottom: 1px solid #dddee1;
      text-indent: 20px;
      color:#666666;
    }
    .rotate
    {
      transform:rotate(90deg);
    }
    .remo
    {
      display:block;
    }
    .aam
    {
      display:block;
      margin-bottom: 50px;
    }
    *
    {
      padding:0;
      margin:0;
      box-sizing: border-box;
    }



  </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>
<script src="../waibujs/header.js"></script>
<script src="../waibujs/tuanduigondun.js"></script>
<div class="container">
  <ul class="a1"></ul>
  <span class="aam"></span>
</div>
<script src="../waibujs/foot.js"></script>
<script>
  var ul = document.querySelector('.a1');
  var jianjie = new XMLHttpRequest();
  jianjie.open('get','http://47.116.75.38:8101/front/company')
  jianjie.send(null)
  jianjie.onload = function()
  {
    var ss=JSON.parse(jianjie.response).data
    ss.forEach(function (item,index) {
      var lia=document.createElement('li')
      lia.className='adda'
      var image=document.createElement('img')
      var kk=document.createElement('span')
      kk.innerText=item.title
      image.className='width2'
      image.title=String.fromCharCode(index+64);
      image.id=String.fromCharCode(index+64);
      image.src='../image/sanjiao.png'
      lia.appendChild(image)
      lia.appendChild(kk)
      ul.appendChild(lia)
      // console.log(item)
    })
    var kn=document.querySelectorAll('.adda')

    var jianjie2 = new XMLHttpRequest();
    jianjie2.open('get','http://47.116.75.38:8101/front/company')
    jianjie2.send(null)
    jianjie2.onload = function()
    {
      var ssf=JSON.parse(jianjie2.response).data
      ssf.forEach(function (item,index){
        // console.log(item.content)
        var cc=document.createElement('li');
        cc.className='bli'
        cc.style.backgroundColor='white'
        cc.style.border='none'
        cc.style.textAlign='center'
        cc.style.lineHeight='20px'
        cc.innerText=item.content
        ul.insertBefore(cc,kn[index+1])
      })
  }

  var kksf=document.querySelectorAll('.bli')

    for(var so=0;so<kn.length;so++)
    {
      kn[so].onclick = function()
      {
        if(this.children[0].title===this.children[0].id)
        {
          this.children[0].classList.toggle('rotate')
          this.nextElementSibling.classList.toggle('remo')
        }
      }
    }
    // console.log(kn)
  }


</script>
<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
</body>
</html>